<template>
  <div>
    <input type="text" :value="msg" @input="msg = $event.target.value" />
    <input type="text" :value="msg2" @input="btn($event)" />

    <input type="text" :value="desc" @change="desc = $event.target.value" />

    <input
      type="checkbox"
      :checked="flag"
      @change="flag = $event.target.checked"
    />
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      msg: '',
      msg2: '',
    }
  },
  computed: {},
  watch: {},
  created() {},
  methods: {
    btn(e) {
      this.msg2 = e.target.value
    },
  },
}
</script>

<style scoped></style>
